<template>
  <div>
    <Top></Top>
    <Body></Body>
    <div class="bottom">
      <router-view></router-view>
    </div>
  </div>
</template>

<script>
import Top from './Top'
import Body from './Body'

export default {
  name: "UserInfo",
  components: {
    Top,
    Body,
  }
}
</script>

<style scoped lang="less">
.bottom {
  width: calc(100% - 40px);
  height: calc(100% - 130px - 110px);
  position: relative;
}
</style>